$(document).ready(function(){
    $(".dh_ul li").eq(3).hover(function(){
    $("#daibiao").show(1000);
    $("#daibiao").mouseover(function(){
      $(this).css("display","block");
    });
    $("#daibiao").mouseout(function(){
      $(this).css("display","none");
    });
  },function(){
    $("#daibiao").hide();
  });
    var h=$(".m_lb").find("li").height();
    var imageBox=$(".m_lb");
    function setTranslateY(translateY){
      $(".m_lb").css("transform","translateY("+translateY+"px)");
      ;
    }
    function addTransition(){
      imageBox.css("transition","all 0.2s");
    }
    function addTransition2(){
      imageBox.css("transition","all 0.02s");
    }
    var timer=null;
    var index=0;
    timer=setInterval(function(){
      index=index+1;
      if(index>15){
        index=0;
        addTransition2();
      }else{
        addTransition();
      }
      setTranslateY(-index*h);
      // console.log(h);
    },3000);
    $(".mean_right").hover(function(){
      clearInterval(timer);
      $(".l_btn").find("img").show();
      $(".r_btn").find("img").show();
      console.log(index);
      $(".l_btn").click(function(){
        index=index-1;
        if(index<0){
          index=15;
          addTransition2();
        }else{
          addTransition();
        }
        setTranslateY(-index*h);
      });
      $(".r_btn").click(function(){
        index=index+1;
        if(index>15){
          index=0;
          addTransition2();
        }else{
          addTransition();
        }
        setTranslateY(-index*h);
      });
    },function(){
      $(".l_btn").find("img").hide();
      $(".r_btn").find("img").hide();
      timer=setInterval(function(){
        index=index+1;
        if(index>15){
          index=0;
          addTransition2();
        }else{
          addTransition();
        }
        setTranslateY(-index*h);
        // console.log(h);
      },3000);
    });
    
})
